Можно ли сделать следующее средствами HTML+CSS

[Анна]

При клике на квадратик(или наименование), список должен открываться и закрываться.

В принципе, наверное, можно, делая для каждого наименования свою страницу, а сделать всё на одной странице? Перемещаться как-то по якорям, при нажатии на ссылку, чтобы появлялся блок с описанием, ведь вроде есть какой-то атрибут скрывающий содержимое блока.

Или без JS не обойтись?

[Vlad]

Гипотетически можно и без скриптов сделать, но это влечёт за собой множество проблем, вроде неуниверсальности и неудобства для пользователей. Используйте лучше JS.

[Shugich]

Не обойтись. Вот простой скриптик, украденный у самизнаетекого.

<span onclick="document.getElementById('block').style.display=document.getElementById('block').style.display=='none'?'block':'none'">Текст, который будет скрывать/открывать</span>

<div id="block" style="display: none;">
Содержимое блока
</div>

Если с jQuery, то можно попроще и поизящнее:

<span onclick="$('#block').toggle('')">Текст, который будет скрывать/открывать</span>

<div id="block" style="display: none;">
Содержимое блока
</div>

ведь вроде есть какой-то атрибут скрывающий содержимое блока.

display: none елси вы об этом.

Гипотетически можно и без скриптов сделать

Про выпадающее меню знаю, но про подобное нет о_О

Edited August 10, 2011 by Shugich

[Анна]

Используйте лучше JS.

Чтобы его использовать, надо его знать((( он, конечно, в планах изучения был, но видимо придется ускорить эти планы.

Shugich, как только освою основы JS, оценю ваш скрипт украденный у "самизнаетекого".

А у кого(там, наверное, много таких скриптиков)?

P.S Честно говоря меня до сих пор смущает использование JS в плане его кроссбраузерности, хотя неоднократно повторялось, что те времена прошли.

[Shugich]

А у кого? 

линк (верх, право смайлик).

Я однажды вытащил этот скрипт и пару лет мне больше ничего не пригождалось

[psywalker]

AnnaP, Боюсь спросить, а ИЕ6, 7, 8 нужны?

[Анна]

AnnaP, Боюсь спросить, а ИЕ6, 7, 8 нужны?

ИЕ 8 нужен(я уже думала как-то через HTML5+CSS3).

[SelenIT]

Да, на CSS3 можно даже красиво (правда, не совсем открытие-закрытие, но тоже ничего). Но IE8-, увы...

[Softlink]

Да, на CSS3 можно даже красиво (правда, не совсем открытие-закрытие, но тоже ничего). Но IE8-, увы...

Интересная штука, но жутко непрактичная из-за ссылочной реализации. Вот ситуацию представить. Зашел на страницу, вижу этот аккордеон, полистал его, а ну-ка перейду на предыдущую страницу, и начинай отматывать все свои действия backspace'ом. ИМХО, в таких ситуациях JS просто практичней

[SelenIT]

Да, с аккордеоном, особенно при малом кол-ве контента, вроде как нелогично. А вот, например, с табами, на полстраницы каждый — почему бы и не поотматывать?

[Shugich]

Интересная штука, но жутко непрактичная из-за ссылочной реализации.

Кстати, тут радует момент, что можно дать ссылку на какой-то определённый открытый блок.

[Int]

<span onclick="document.getElementById('block').style.display=document.getElementById('block').style.display=='none'?'block':'none'">Текст, который будет скрывать/открывать</span>Это скрипт для блока, который изначально отображён, если он изначально скрыт, то будет =='block'?'none':'block', иначе первое нажатие его ещё раз скроет